import LoadingPage from './Loading.vue'

const loading = {
  install (Vue) {
    // 获得组件的构造函数
    const LoadingConstruct = Vue.extend(LoadingPage)
    // 通过构造函数获得组件
    const loadingComponent = new LoadingConstruct()
    // 通过组件挂载获得组件的html模板
    const loadingHtml = loadingComponent.$mount().$el
    // 添加到页面上
    document.body.appendChild(loadingHtml)
    // 显示页面
    Vue.prototype.$showLoading = () => {
      loadingComponent.show = true
    }
    // 隐藏页面
    Vue.prototype.$hideLoading = () => {
      loadingComponent.show = false
    }
  }
}

export default loading
